body{
    background:#f5f5f5;
   .top{
       width:100%;
               position:absolute;
               top:0;
               left:50%;
               transform:translate(-50%,0);
               border-bottom:1px solid #eee;
               background:#fff;
               .topbar{
                   width:1200px;

               }
   }
   .wrap{
   width:1200px;
           position:absolute;
           top:100px;
           left:50%;
           transform:translate(-50%,0);
   width:100%;

   .page-wrap{
       width:990px;

       margin:0 auto;
           .pay-top{
           background:#fff;
               .amount{
                       width: 279px;
                       height: 60px;
                       background-color: #b58f56;
                       font-family: MicrosoftYaHei;
                       font-size: 16px;
                       color: #ffffff;
                       text-align:center;
                       line-height:60px;
                   }
                   .detail{
                       width: 990px;
                       background-color: #ffffff;
                       margin-bottom: 20px;
                       .detail-con{
                           width:100%;
                           margin-top: 50px;
                           padding-bottom: 20px;
                           margin-left: 20px;
                           .detail-item{
                               width:100%;
                                   height: 40px;
                               em{
                                   font-family: MicrosoftYaHei;
                                   font-size: 14px;
                                   color: #999999;
                                   display:inline-block;
                                   float:left;
                                   font-style:normal;
                               }
                               span{
                                   display:inline-block;
                                   float:left;
                                   font-family: MicrosoftYaHei;
                                   font-size: 14px;
                                   color: #333333;
                               }
                           }
                       }
                   }
           }

       .pay{
           width: 936px;
           height: 315px;

           background-color: #ffffff;
           padding:24px 27px;
           .descr{
               width:100%;
               margin-bottom:45px;
               .des-item{
                   font-family: MicrosoftYaHei;
                   font-size: 16px;
                   color: #333333;
                   display:inline-block;
                   float:left;
               }
               .des-time{
                   font-family: MicrosoftYaHei;
                   font-size: 14px;
                   color: #999999;
                   line-height:21px;
                   float:left;
                   span{
                       font-family: MicrosoftYaHei;
                       font-size: 14px;
                       color: #1296db;
                   }
               }
           }
           .pay-method{
               width: 180px;
               height: 64px;
               background-color: #ffffff;
               border:1px solid  #b58f56;
               float:left;
               position:relative;
               .method-img{
                   position:absolute;
                   top:50%;
                   left:50%;
                   transform:translate(-50%,-50%);
               }
               .method-active{
                   position:absolute;
                   bottom:0;
                   right:0;
                   display:block;
               }
           }
           .active-btn{
               .method-active{
               position:absolute;
               bottom:0;
               right:0;
                   display:block;
               }
           }
           .pay-method-ye{
               margin-right:32px;
           }
           .ye{
               margin:130px 0 48px 0;
               width:100%;
               em{
                   display:inline-block;
                   float:left;
                   font-style:normal;
                   font-family: MicrosoftYaHei;
                   font-size: 14px;
                   color: #333333;
               }
               span{
                   display:inline-block;
                   float:left;
                   font-family: MicrosoftYaHei;
                   font-weight:bold;
                   font-size: 14px;
                   color: #ff3a1d;
                   margin-top: 135px;
               }
           }
           .info-err{
               color:red;
               width:200px;
               height:20px;
               line-height:20px;
               margin-top: 130px;
           }
           .pay-btn{
               width: 165px;
               height: 48px;
               background-color: #b58f56;
               border-radius: 5px;
               display:block;
               color:#fff;
               text-align:center;
               line-height:48px;
               margin-top:35px;
           }
       }
   }
   }
}

